<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>MoYu--首页</title>

  <link rel="shortcut icon" th:href="@{/imgs/favicon.ico}" href="favicon.ico"/>
  <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
  <link th:href="@{/css/font-awesome.css}" rel="stylesheet"/>
  <link th:href="@{/css/plugins/bootstrap-table/bootstrap-table.min.css}" rel="stylesheet"/>

  <link th:href="@{/css/animate.css}" rel="stylesheet"/>
  <link th:href="@{/css/style.css}" rel="stylesheet"/>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
  <div class="ibox float-e-margins">
    <div class="ibox-title">
      <h5>用户列表</h5>
    </div>
    <div class="ibox-content">
      <div class="row row-lg">
        <div class="pull-right">
          <button class="btn btn-primary" type="button"><i class="fa fa-plus"></i>&nbsp;新增</button>
          <button class="btn btn-success" type="button"><i class="fa fa-download"></i>&nbsp;导出</button>
          <button class="btn btn-danger " type="button"><i class="fa fa-minus"></i>&nbsp;删除</button>
        </div>
        <div class="clearfix"></div>
        <div class="col-sm-12">
          <div class="example">
            <table data-toggle="table" data-url="/admin/user/list" data-response-handler="responseHandler"
                   data-pagination="true" data-side-pagination="server"
                   data-card-view="true" data-mobile-responsive="true">
              <thead>
              <tr>
                <th data-field="userId" data-checkbox="true"></th>
                <th data-field="userId">用户ID</th>
                <th data-field="name">姓名</th>
                <th data-field="nickname">昵称</th>
                <th data-field="email">邮箱</th>
                <th data-field="phone">手机</th>
                <th data-field="state">状态</th>
                <th data-field="remark">备注</th>
                <th data-field="createUser">创建人</th>
                <th data-field="createTime">创建时间</th>
                <th data-field="updateUser">修改人</th>
                <th data-field="updateTime">更新时间</th>
              </tr>
              </thead>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 全局js -->
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>


<!-- 自定义js -->
<script th:src="@{/js/content.js}"></script>
<!-- 自定义公共Js -->
<script th:src="@{/js/common-my.js}"></script>

<!-- Bootstrap table -->
<script th:src="@{/js/plugins/bootstrap-table/bootstrap-table.min.js}"></script>
<script th:src="@{/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js}"></script>
<script th:src="@{/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}"></script>
</body>
</html>
